<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.min-4.3.1.css">
    <link rel="stylesheet" href="css/bootstrap-table1.15.3.css">
</head>
<body style="background-color: #d4effa">

    <div class="container" style="margin-top: 2%;">

        <div class="row">
            <div class="col-md-2" style="padding:0px;">
                <input class="form-control" placeholder="查询的名称" id="name">
            </div>
            <div class="col-md-2" style="padding:0px;">
                <select class="form-control" id="sex">
                    <option value="0">不限性别</option>
                    <option value="男">男</option>
                    <option value="女">女</option>
                </select>
            </div>
            <div class="col-md-2" style="padding:0px;">
                <input type="date" class="form-control" id="startTime">
            </div>
            <div class="col-md-2" style="padding:0px;">
                <input type="date" class="form-control" id="endTime">
            </div>
            <div class="col-md-2" style="padding:0px;">
                <select class="form-control" id="dept">
                    <option value="0">不限部门</option>
                </select>
            </div>
            <div class="col-md-1" style="padding:0px;">
                <button id="query" class="btn btn-primary" style="background-color: #00aaee">查询</button>
            </div>
        </div>

        <div class="row">
            <div class="offset-md-11 col-md-1"  style="padding:0px;">
                <button class="btn btn-primary" style="margin:20px 0px;" data-toggle='modal' data-target='#moTai' onclick='fff(-1)'>添加员工</button>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12"  style="padding:0px;">
                <table id="tab" class="table">
                </table>
            </div>
        </div>

    </div>
    <!--模态框-->
    <div class="modal" id="moTai">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">修改</h4>
                    <button class="close" data-dismiss="modal">×</button>
                </div>
                <div class="modal-body">
                    <form>
                        <input type="hidden" id="modal_id">
                        <div class="form-group">
                            <label>姓名:</label>
                            <input type="text" class="form-control" id="modal_name">
                        </div>
                        <div class="form-group">
                            <label>性别:</label>
                            <input type="text" class="form-control" id="modal_sex">
                        </div>
                        <div class="form-group">
                            <label>日期:</label>
                            <input type="date" class="form-control" id="modal_date">
                        </div>
                        <div class="form-group">
                            <label>部门:</label>
                            <select class="form-control" id="modal_dept">
                                <option value="1">开发部</option>
                                <option value="2">信息部</option>
                                <option value="3">就业部</option>
                                <option value="4">财务部</option>
                            </select>
                        </div>
                        <div class="form-group" style="text-align: center;">
                            <button type="button" class="btn btn-primary" data-dismiss="modal" id="ok">确定</button>
                            <button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
                        </div>
                    </form>
                </div>

                <div class="modal-body">
                    <div class="form-group">
                        <label style="text-align: center">您确认要删除吗，小可爱！</label>
                    </div>
                    <div class="form-group" style="text-align: center;">
                        <button type="button" class="btn btn-primary" data-dismiss="modal" id="del">确定</button>
                        <button type="button" class="btn btn-primary" data-dismiss="modal">取消</button>
                    </div>
                </div>

            </div>
        </div>
    </div>
</body>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-table1.15.3.js"></script>
<script src="js/bootstrap-table-zh-CN.min.js"></script>
<script src="js/fy.js"></script>
</html>